import React, { useCallback } from 'react';
import { Image, View } from '@tarojs/components'
import ModuleTitle from '@COMPONENTS/ModuleTitle'
import Images from '@ASSET/Images'
import Navigate from '@NAVIGATION/navigateManager'
import Taro from '@tarojs/taro'
import { Analytic_Type } from '@CONSTANTS/analytic'
import style from './InternationalCon.module.scss'

const InternationalCon: React.FC = () => {
  const onClick = useCallback(() => {
    Navigate.internationalConsultation()
    Taro.tracker.trackEvent(Analytic_Type.num_expert_inter_consul.eventId)
  }, [])
  return (
    <View className={style.container}>
      <ModuleTitle
        title="国际远程会诊"
        subTitle="海外专家在线咨询"
        containerClass={style.containerClass}
      />
      <View className={style.imgContainer} onClick={onClick}>
        <Image
          src={Images.expert.bg_expert_con}
          className={style.image}
        />
      </View>
    </View>
  )
}

export default InternationalCon
